<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>BackGrid Complete example (Recommended!)</title>

<link rel="stylesheet" href="../../css/bootstrap.css">
<link rel="stylesheet" href="../../lib/backbone/backbone.modal/backbone.modal.css">
<link rel="stylesheet" href="../../lib/backbone/backbone.modal/backbone.modal.theme.css">
<link rel="stylesheet" href="../../css/bootstrap.min.css">
<link rel="stylesheet" href="../../lib/backgrid/backgrid.css">
<link rel="stylesheet" href="../../lib/backgrid/backgrid-select-all.css">
<link rel="stylesheet" href="../../lib/backgrid/backgrid-paginator.css">
<link rel="stylesheet" href="../../lib/backgrid/backgrid-filter.css">
<link rel="stylesheet" href="../../css/styles.css" />
<link rel="stylesheet" href="../../css/layout.css" />

</head>
<body>
    
     <div class="container-fluid">
        <div class="row-fluid">
            <div id="winetile" class="span10 container">
                Object Tile Area for Listing and Addnew/Editing
            </div>
        </div>
    </div>
    
    <div id="showEditModal"></div>
    <script type="text/template" id="modal-template">
        <div class="bbm-modal__topbar">
         <h3 class="bbm-modal__title">Wine Operation</h3>
        </div>
        <div class="bbm-modal_section">
            <form role="form" class="form-horizontal contract-form">
            <div class="form-group">
            <label class="col-sm-4 control-label">Id:</label>
            <div class="col-sm-6">
                <input id="wineId" name="id" type="text" value="<%= id %>"
                    class="form-control contact-name-input" disabled />
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-4 control-label">Code:</label>
            <div class="col-sm-6">
                <input type="text" id="code" name="code" value="<%= code %>"
                    class="form-control contact-name-input" disabled />
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-4 control-label">Password:</label>
            <div class="col-sm-6">
                <input type="text" id="password" name="password"
                    class="form-control contact-name-input" value="<%= password %>" />
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-4 control-label">Encryptmethod:</label>
            <div class="col-sm-6">
                <input type="text" id="encryptMethod" name="encryptMethod"
                    class="form-control contact-name-input" value="<%= encryptMethod %>" />
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-4 control-label">Pwdver:</label>
            <div class="col-sm-6">
                <input type="text" id="pwdver" name="pwdver" class="form-control contact-name-input" value="<%= pwdver %>" />
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-4 control-label">Mobilephone:</label>
            <div class="col-sm-6">
                <input type="text" id="mobilePhone" name="mobilePhone"
                    class="form-control contact-name-input" value="<%= mobilePhone %>" />
            </div>
        </div>
    
        <div class="form-group">
            <label class="col-sm-4 control-label">Email:</label>
            <div class="col-sm-6">
                <textarea id="email" name="email"
                    class="form-control contact-name-input"><%= email %></textarea>
            </div>
        </div>

        <div class="form-group">
            <label class="col-sm-4 control-label">Objectstate:</label>
            <div class="col-sm-6">
                <input type="text" id="objectState" name="objectState" class="form-control contact-name-input" value="<%= objectState %>" />
            </div>
        </div>
        
         <div class="form-group">
            <label class="col-sm-4 control-label">Securitysecuritylevel:</label>
            <div class="col-sm-6">
                <input type="text" id="securitylevel" name="securitylevel" class="form-control contact-name-input" value="<%= securitylevel %>" />
            </div>
        </div>
        
        <div class="form-group">
            <label class="col-sm-4 control-label">Rowstate:</label>
            <div class="col-sm-6">
                <input type="text" id="rowstate" name="rowstate" class="form-control contact-name-input" value="<%= rowstate %>" />
            </div>
        </div>
            </form>
        </div>
    <div class="bbm-modal__bottombar">
      <a href="#" class="bbm-button save">Save</a>
        <a href="#" class="bbm-button cancel">Cancel</a>
    </div>
</div>
</script>
    <script type="text/template" id="tpl_winetile">
    <div id="winetile">
        <div class="page-header">
            <h1 align="center">
                BackGrid Complete Example with Filters and Paginator <small>
                    Winestore Example </small>
            </h1>
        </div>
        <div id="objecteditor">object editor
            here. If you see this, it means the object list view or object item
            view are not displayed successfully!</div>
    </div>
    </script>

    <script type="text/template" id="tpl_itemlist">
    <div id="itemlist">
        <a href="#variable/new" id="addnew" class="btn btn-success">Add</a>
        <!-- 
        <a href="#variable/deleteselected" id="deleteselected" class="btn btn-danger">Delete Selected</a>
        -->
        <a href="#" id="deleteselected" class="btn btn-danger">Delete Selected</a>
        <div id="backgrid" class="backgrid-container">If you see this, it means the backgrid is not displayed properly</div>
    </div>
    </script>

    <script src="../../lib/jquery-1.11.0.js"></script>
    <script src="../../lib/bootstrap.js"></script>
    <script src="../../lib/backbone/underscore.js"></script>
    <script src="../../lib/backbone/backbone.js"></script>
    <script src="../../lib/backbone/backbone.modal.js"></script>
    <script src="../../lib/backgrid/backbone-pageable.js"></script>
    <script src="../../lib/backgrid/backgrid.js"></script>
    <script src="../../lib/backgrid/backgrid-select-all.js"></script>
    <script src="../../lib/backgrid/backgrid-paginator.js"></script>
    <script src="../../lib/backgrid/backgrid-filter.js"></script>
    
    <script src="user-v2.js"></script>
</body>
</html>
